/*重要标记@knowledge 知识积累 @why 疑问*/

body,
ul,
input,
p {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: url(../image/body-background.jpg);
	background-attachment: fixed;
}
a {
	text-decoration: none;
	color: #434343;
}
li {
	list-style-type: none;
}
/*******************页眉**********************
**********************************************/
/*页眉颜色*/

.header {
	width: 100%;
	z-index: 2;
	background-color: #f9f9f9;
	position: fixed;
	box-shadow: 1px 0 10px #888888;
}
/*居中页眉*/

.for-center-header {
	max-width: 1190px;
	margin: 0 auto;
	min-width: 1145px;
}
/*logo*/

.header .logo-image {
	float: left;
	width: 140px;
	height: 48px;
	background: url(../image/logo.png);
}
/*输入框*/

.search-input {
	width: 28%;
	height: 20px;
	float: left;
	background: #F2F2F5;
	border: 1px solid #c7c7c7;
	border-right: none;
	padding: 4px 33px 4px 10px;
	margin: 9px 0 0 0;
}
.header input[type="text"]:focus {
	border: solid 1px #f53e08;
}
/*搜索按钮*/

.header button {
	float: left;
	border: none;
	background-color: #4f8bec;
	color: #fff;
	cursor: pointer;
	width: 100px;
	height: 30px;
	font-size: 15px;
	font-family: "微软雅黑";
	margin: 9px 0 0 0;
}
button:hover {
	background-color: #f53e08;
}
/*页眉导航*/

.header ul li {
	float: left;
	list-style-type: none;
}
/*页眉导航栏图标图标*/

.home,
.discover,
.game,
.user,
.massage,
.setting,
.compose {
	display: block;
	float: left;
	text-indent: -10000px;
	height: 30px;
	margin: 10px 3px 0 0;
}
/*首页*/

.home {
	width: 81px;
	background: url(../image/home.jpg);
	margin-left: 3%
}
/*发现*/

.discover:link {
	width: 80px;
	background: url(../image/discover-link.jpg);
}
.discover:hover {
	width: 80px;
	background: url(../image/discover-hover.jpg) -1px 0;
}
/*游戏*/

.game:link {
	width: 81px;
	background: url(../image/game-link.jpg);
}
.game:hover {
	width: 81px;
	background: url(../image/game-hover.jpg) -1px 0;
}
/*用户*/

.user:link {
	width: 140px;
	background: url(../image/user-link.jpg);
}
.user:hover {
	width: 140px;
	background: url(../image/user-hover.jpg) -1px 0;
}
/*私信*/

.massage:link {
	width: 31px;
	background: url(../image/massage-link.jpg);
}
.massage:hover {
	width: 31px;
	background: url(../image/massage-hover.jpg);
}
/*设置*/

.for-center-header>ul>li {
	position: relative;
}
.setting {
	width: 31px;
	height: 40px;
}
.setting:link {
	background: url(../image/setting-link.jpg) no-repeat;
}
.setting:hover {
	background: url(../image/setting-hover.jpg) no-repeat;
}
#retangle {
	position: absolute;
	margin-left: 65px;
	margin-top: -16px;
	border: 8px solid transparent;
	border-bottom-color: rgba(255, 255, 255, 1);
}
#setSlide {
	position: absolute;
	width: 94px;
	display: none;
	border: 1px, solid, #ccc;
	color: #333333;
	border-radius: 2px;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	background: #FFFFFF;
	top: 45px;
	left: 50%;
	margin-left: -70px;
	border: 1px solid #CCCCCC;
}
#setSlide ul li {
	float: left;
	width: 94px;
}
#setSlide ul li a {
	display: block;
	min-width: 50px;
	height: 24px;
	line-height: 24px;
	padding: 4px 13px;
	font: 13px "Arial", "Microsoft YaHei";
}
#setSlide ul li a:hover {
	color: #EB7350;
	background: #F2F2F5;
}
#setSlide ul li:last-child {
	border-top: 1px solid #CCCCCC;
}
/*写微博*/

.compose {
	width: 41px;
	background: url(../image/compose.jpg);
}
.clear {
	clear: left;
}
/*----------------------container-------------------------*/

#personal_container {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
	top: 65px;
	position: relative;
	z-index: 0;
}
#personal_header {
	position: relative;
	width: 920px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: url(../img/016.jpg);
}
#mask {
	position: relative;
	width: 920px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: -moz-linear-gradient(center top, transparent 50%, rgba(0, 0, 0, 0.3)100%) repeat scroll 0% 0% transparent;
}
.photo {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -100px;
	border-radius: 50%;
	-webkit-transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;
	-ms-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
}
.photo:hover {
	box-shadow: 0 0 20px #ED7129;
}
#personal_header>h5 {
	display: inline;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 920px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	top: 50%;
	color: #FFFFFF;
	font: 22px "Arial", "Microsoft YaHei";
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
#personal_header>h5>i {
	display: inline-block;
	position: absolute;
	top: 40%;
	width: 16px;
	height: 16px;
	background: url(../img/newicon.png) no-repeat;
	background-position: -125px -50px;
	margin: 0px;
	padding: 0px;
	margin-top: -2px;
	margin-left: 5px;
}
#personal_header>p {
	position: absolute;
	width: 920px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	top: 60%;
	margin-top: 5px;
	padding-left: 10px;
	font: 13px "Arial", "Microsoft YaHei";
}
#personal_headerBottom{
	width:920px;
	background: #FFFFFF;
}
#personal_headerBottom>ul {
	width:570px;
	margin: 0 auto;
	margin-bottom: 100px;
}
#personal_headerBottom>ul>li{
	display: inline-block;
	width: 184px;
	height: 30px;
	text-align: center;
	margin-top: 10px;
	color: #333;
	font-family: "微软雅黑";
	font-size: 14px;
}
#personal_headerBottom>ul>li>a{
	display: block;
	width:80px;
	height: 28px;
}
#personal_headerBottom>ul>li>a:hover{
	border-bottom: solid 2px #E64141;
	font-weight: bold;
}
/*----------------------footer-------------------------*/

.for-center-top,
.for-center-bottom {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
.footer .top {
	position: relative;
	/*@knowledge z-index要设置了position:relative/absolute才起作用*/
	
	overflow: hidden;
	background: #FFFFFF;
	margin: 48px auto 0 auto;
	min-width: 1145px;
}
.footer .bottom {
	position: relative;
	overflow: hidden;
	background: #F2F2F5;
	padding-bottom: 50px;
	text-align: center;
	min-width: 1145px;
}
.footer .top .splendid-weibo,
.footer .top .phone-weibo,
.footer .top .cooperation,
.footer .top .help {
	width: 190px;
	float: left;
	margin: 10px 25px;
}
.footer .top .splendid-weibo {
	margin-left: 50px;
}
.footer .bottom ul {
	margin: 0 55px;
}
.footer .top h2 {
	font-family: "微软雅黑";
	font-size: 16px;
	font-weight: lighter;
	color: #333333;
}
.footer .top li a {
	width: 85px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #808080;
	line-height: 25px;
	float: left;
	margin-right: 10px;
}
.footer .bottom li {
	float: left;
	margin: 5px 20px;
}
.footer .bottom a,
.footer .bottom p,
.footer .bottom select {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #808080;
	line-height: 25px;
	float: left;
	margin-right: 20px;
}
.footer .bottom .copyright {
	clear: left;
	float: left;
}
.footer .bottom select {
	width: 83px;
	height: 21px;
}
.footer .top a:hover,
.footer .bottom a:hover {
	color: #EB7350;
}
#backTop {
	display: inline-block;
	display: none;
	width: 40px;
	height: 35px;
	background: url(../image/2015060610305595_easyicon_net_19.271641791.png) no-repeat;
	background-color: #73BBE2;
	background-position: center;
}
#backTop:hover {
	background-color: #47A6D9;
}
#privateMassage {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: #EDF0F4;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	;
	border-radius: 2px 0px 0px 2px;
}
#privateMassage span {
	display: block;
	width: 18px;
	height: 16px;
	margin: 15px 16px 0px 20px;
	background: url(../image/webim_icon.png) no-repeat;
	background-position: center left;
	float: left;
}
#privateMassage a {
	display: block;
	width: 250px;
	height: 40px;
	color: #333333;
	font: 15px "Arial", "Microsoft YaHei";
	text-align: left;
	line-height: 40px;
	padding-left: 20px;
}